<%-- 
    Document   : PaginaUtente
    Created on : 7-mag-2014, 17.30.34
    Author     : Albo
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="it.polimi.Mir_1.paw.DBconnect"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.Statement"%>
<%@page import="java.sql.DriverManager"%>
<%@page import="java.sql.Connection"%>
<!DOCTYPE html>

<!-- CODICE PER LA SELEZIONE LISTE DINAMICHE-->
 <html>
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
       <title>Pagina Utente</title>
       <script src="js/jquery-2.1.1.js"></script>
        </head>
          <body>
              <h1 align="center">Benvenuti nella pagina utenti di Politics 2.0 </h1>
                <!--Tabella principale con le select e il submit-->
              <table border="3" style="position:absolute;width: 79%;height: 90%; top: 10%" >
                <tr> 
                    <td>
                    <form action="">     
                    <p align="left"> 
<img src="C:\Documents and Settings\Albo\Desktop\SecSemestre IngSoft2\Immagini progetto" style="position: absolute;top:2% ;width:98%; height: 35% "> </p>
<label>
<span style="position: absolute; top: 56%;left:3% "> Seleziona il partito da votare </span>
<span style="position: absolute; right: 53%;top: 56%">Seleziona il candidato</span><br>     
     

                          <%
                           DBconnect connAlbo = new DBconnect();
                           Connection conn = connAlbo.getConnection();
                           Statement st2 = conn.createStatement();
                           String  sql="Select IdPartito,nome from partito";
                           ResultSet rs= st2.executeQuery(sql);  
                           %>

<!--IN QUESTA SELECT PARTE LE RICHIESTA ATTRAVERSO LA FUNZIONE ONCHANGE PER LA SELEZIONE DINAMICA SULLA SECONDA TABELLA-->    
    <select name="partito" size="5" id="partito" multiple="multiple"  
                                onchange="getcandidati()" style="position:absolute;width: 22%; top: 60%;right: 75%;" > 
                    <% while(rs.next()){ %>
        <option value="Esempio 1 "><%=rs.getString(2)%></option>
            
                    <% 
                }   
                    st2.close();
                    %>
                                                                       </select>  
                                                                                </label> 
                                                                                        </form>
    <script>
//richiama pagina doGetCandidati a seconda del partito scelto e riemie i candidati
                   function getcandidati(){
//prendo partito selezionato
                   var str = $( "#partito option:selected" ).text();
//chiamata http
                   $.ajax({
                   type :"POST",
                   url : "http://localhost:8080/FormMVC/DoGetCandidati.jsp?partito="+str,
                   dataType: "json",
                   success : function (data) {
//nel caso vada a buon fine la  chiamata http.
                   $( "#candidati" ).html(""); //pulire gli option 
//cicli con each i dati ricevuti.
                   $.each(data.dati,function(i,dati){
//per ogni singolo dato che arriva vai in append ogni dato
                   $( "#candidati" ).append('<option value="" selected="selected">'+dati+'</option> ');
                                                                                });
                                                                                   }
                                                                                    });
       }
                                                                                    </script>
                    <form>           
    
                        <select name="candidato" size="5" id="candidati"   multiple="multiple" 
                                style="position: absolute; right: 50%; width: 22%;top: 60%">  
                                        <option  selected="selected"> </option> </select>  
                                                                                         </form>      
           
                                                                                    
                                                                                    
                    <script>
                     //richiama pagina doGetCandidati a seconda del partito scelto e riempie i candidati
                   
                    function getVoto(){
                   // CREO UNA VARIABILE VOTO
                   var voto = $( "#candidati option:selected" ).text();
                   // LA VARIABILE VOTO VIENE INSERITA IN UN ARRAY
                   var arr = voto.split("|"); 
                   
                   var arr[] = ciccio[0];
                   var arr2 = cicci[1];
                   
                   document.write("<span>"+a+b);
        
        //chiamata http
                   $.ajax({
                   type :"POST",
                   url : "http://localhost:8080/FormMVC/DoGetVoto.jsp?partito="+arr,
                   dataType: "json",
                   success : function (vota) {
                   
                    }
                     })
                      };   
                    </script>                                                            
                            <p style="position: absolute;top: 75%;right: 91%;"> 
                            <input type="submit" value="voto" name="voto" id="vota" onclick="getVoto()"   /></p>
                            <!--METTERE IL LINK PER LA CANDIDATURA-->
                    <td>                                                            
                    </tr>   
                                                                                </table>
            <table border="3" align="left" 
                    style= "position: absolute; top: 10%; left: 80%; height:90%; ">
                <tr>

                 <p style="position: absolute;top: 65px; right: 20px">
                    
                     
                     
                    <font size="1">CUMUNICAZIONI E SCADENZE</font> </p>
                        <td style="width: 2%;">  

                                                                                                
<!--#####################################TABELLA CHE STA IN ALTRO A DESTRA##########################################--> 
                 
                        <%
                        DBconnect connAlb = new DBconnect();
                        Connection conn2 = connAlb.getConnection();
                        Statement st3 = conn2.createStatement();
                        String  sql2="SELECT comunicazioni FROM comunicazioniescadenze";
                        ResultSet rs2= st3.executeQuery(sql2);  
                        %> 
                 
<!-- NEL RESULT SET CI  DEVO PASSARE L'INDICE DELLA COLONNA QUANDO DEVO FARE ALCUNI PASSAGGI DI PARAMETRI-->     
                        <% while(rs2.next()){ %>
<!-- DA QUI VENGONO CONTROLLATI I PARAMETRI PER PER IL RIDIMENSIONAMENTO DELLA FINESTRA-->
            <textarea name="note" rows="3" cols="48" readonly="true" 
                                    style="position: absolute; top:8%;width: 91%; height: 40%"> 
                        <%=rs2.getString(1)%>  
                                                                     </textarea>
                        <%
                        }st2.close();
                        %>
                        <% conn.close();%>
                                                                                                                </td>
                                                                                                                    </tr>
                        <tr> 
                            <td> 
                <p style="position:absolute;top: 52%;right: 10% ">
                              <font size="2">RISULTATI IN TEMPO REALE</font></p>

                   <!--TABELLA IN BASSOL A DESTRA [DOVREBBE ANDARE UN GRAFICO]--> 
<img src="" style="position: absolute; top: 63%; width: 93%">
                                                                </td>
                                                                    </tr>
                                                                         </table>
                             
                             
       </body>
</html>
